<template>
    <el-card class="box-card p-3" :style="{borderRadius: cardBorderRadio+'px', height: cardHeight+'px'}">
        <div class="text item"><el-image style="width: 50px; height: 50px" :src="introduce.iconUrl" /></div>
        <div class="text item pt-4 card_main_title">{{introduce.cartMainTitle}}</div>
        <div class="text item pt-4 card_sub_title">{{introduce.cartSubTitle}}</div>
        <div class="text item pt-3 card_text">{{introduce.cartText}}</div>
    </el-card>
</template>
<script setup lang="ts">
    const props = defineProps([
        'introduce',
        'cardBorderRadio',
        'cardHeight'
    ])
</script>
<style scoped>
    .card_main_title{
        font-weight: 600;
        font-size: 24px;
        color: #60A600;
    }
    .card_sub_title {
        color: #111A05;
        font-size: 20px;
        font-weight: 400;
    }
    .card_text{
        color:#111A05;
        font-size: 14px;
        font-weight: 400;
        line-height: 28px;
    }
</style>